.mm-nav {
  padding-top: 0.4rem /* 20/50 */;
  padding-bottom: 0.2rem /* 10/50 */;
  background-color: #f1f1f1;
}
.mm-nav ul {
  padding: 0.4rem /* 20/50 */;
  background-color: #fff;
}
.mm-nav ul li {
  width: 25%;
  float: left;
  text-align: center;
  margin-top: 0.6rem /* 30/50 */;
  overflow: hidden;
  transition: all 1s;
}
.mm-nav ul li a {
  width: 100%;
  height: 100%;
  display: block;
}
.mm-nav ul li a img {
  width: 2rem /* 100/50 */;
}
.mm-nav ul li a p {
  margin-top: 0.2rem /* 10/50 */;
}
.mm-nav ul .active {
  transform: scale(0);
  height: 0;
}
.mm-recommend .recommend-tit {
  height: 1.4rem /* 70/50 */;
  padding-left: 0.4rem /* 20/50 */;
  background-color: #ff9000;
  line-height: 1.4rem /* 70/50 */;
  color: #fff;
}
.mm-recommend .recommend-tit span {
  font-size: 0.64rem /* 32/50 */;
}
.mm-recommend .recommend-tit img {
  float: right;
  margin-top: 0.32rem /* 16/50 */;
  margin-right: 0.4rem /* 20/50 */;
}
.mm-recommend .recommend-pro ul {
  background-color: #fff;
}
.mm-recommend .recommend-pro ul li {
  padding: 0.56rem /* 28/50 */ 0.32rem /* 16/50 */;
  position: relative;
  border-bottom: 0.04rem /* 2/50 */ solid #e7e7e7;
}
.mm-recommend .recommend-pro ul li a {
  display: block;
}
.mm-recommend .recommend-pro ul li a .pro-img {
  float: left;
  width: 4.4rem /* 220/50 */;
}
.mm-recommend .recommend-pro ul li a .pro-img img {
  width: 4rem /* 200/50 */;
  height: 4rem /* 200/50 */;
}
.mm-recommend .recommend-pro ul li a .pro-des {
  padding-left: 3.6rem /* 180/50 */;
}
.mm-recommend .recommend-pro ul li a .pro-des .title {
  font-size: 0.6rem /* 30/50 */;
  min-height: 2.28rem /* 114/50 */;
}
.mm-recommend .recommend-pro ul li a .pro-des .title span {
  color: red;
}
.mm-recommend .recommend-pro ul li a .pro-des .other span {
  color: #a1a1a1;
}
.mm-recommend .recommend-more {
  text-align: center;
  line-height: 1.2rem /* 60/50 */;
  background-image: linear-gradient(#fff, #f4f4f4);
  font-size: 0.52rem /* 26/50 */;
  margin: 0.4rem /* 20/50 */;
  border-radius: 0.16rem /* 8/50 */;
  border: 0.04rem /* 2/50 */ solid #ddd;
}
.mm-brand {
  height: 1.4rem /* 70/50 */;
  padding-left: 0.4rem /* 20/50 */;
  background-color: #ff9000;
  line-height: 1.4rem /* 70/50 */;
  color: #fff;
}
.mm-brand span {
  font-size: 0.64rem /* 32/50 */;
}
.mm-brand img {
  float: right;
  margin-top: 0.32rem /* 16/50 */;
  margin-right: 0.4rem /* 20/50 */;
}
